<extend name="Base/common"/>
<block name="header">
    <include file="Public/nav"/>
</block>
<block name="body">
    <link href="__CSS__/common.css" rel="stylesheet" type="text/css">


    <!--推荐模板部分-->
    <div class="container common-block templet">
        <section>
            <header>
                <h1>开发者</h1>
            </header>

            <div class="row">

                <div class="col-xs-12">
                    <ul class="nav nav-secondary">
                        <volist name="types" id="vo">
                            <li id="type_{$vo.id}"><a href="{:U('theme?tid='.$vo['id'])}">{$vo.title} （{$vo.count}）</a>
                            </li>
                        </volist>

                    </ul>
                </div>
                <script>
                    $("#type_{$current_type}").addClass('active');
                </script>
            </div>
            <div style="padding:10px">

            </div>
            <div class="up_search row">

                <div class="col-xs-9">
                    <a href="{:U('Admin/verify')}" class="btn btn-primary">成为开发者</a>

                </div>
                <div class="col-xs-3 text-right">
                    <form action="__SELF__" method="post">
                        <div class="search_input">
                            <div class="input-group">

                                <input name="keywords" type="text" class="form-control" placeholder="输入开发者名称"
                                       value="{$keywords}">
      <span class="input-group-btn">
        <button class="btn btn-default" type="submit">搜索</button>
      </span>
                            </div>
                        </div>
                    </form>
                </div>

                <!--搜素框-->
                <!--搜素框-->
            </div>

            <div class="clearfix"></div>

            <!-- 插件列表部分-->


            <div class="row margin-top-15">
                <empty name="developers.data">
                    <div class="with-padding">
                        <div style="width: 50%;margin: auto">
                            <div class="alert  with-icon">
                                <i class="icon-inbox"></i>

                                <div class="content">

                                    <p style="font-size: 16px">未找到开发者。赶紧 <a class="text-success" href="{:U('Admin/verify')}">填写</a> 开发者资料，入驻云市场。</p>
                                </div>
                            </div>
                        </div>
                    </div>

                </empty>
                <div class="developers-list clearfix" style="  min-height: 774px;">
                <volist name="developers.data" id="vo">
                    <div class="col-xs-2 people" >
                        <div>
                            <div class="card">
                                <div class="media-wrapper">
                                    <a target="_blank" data-role="use_this" data-value="Blue" class="" ucard="{$vo.uid}"
                                       href="{$vo.user.space_url}">
                                        <img class="avatar-img" src="{$vo.user.avatar128}">
                                    </a>
                                </div>

                                <div class="card-heading text-center text-ellipsis">
                        <span class="pull-right">

                        </span>
                                    <a href="{$vo.user.space_url}" ucard="{$vo.uid}"
                                       target="_blank" title="查看该主题">
                                        <strong>{$vo.user.nickname}</strong>
                                    </a>
                                </div>

                                <div class="card-content text-muted ">
                                    真名：{$vo.name}<br/>
                                       {$vo.des}

                                </div>
                                <div class="card-actions">
                                    <div class="text-mute">

                                    </div>
                                </div>

                                <!-- <div class="card-actions">
                                     <div class="btn-group">

                                     </div>
                                 </div>-->
                            </div>
                        </div>
                    </div>

                </volist>
            </div>

                <footer>
                    {$developers.html}
                </footer>
            </div>

            <!-- 插件列表部分-->

        </section>

    </div>

</block>